﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>jeDate日期控件</title>

<script type="text/javascript" src="js/jedate.js"></script>
<link type="text/css" rel="stylesheet" href="css/jedate.css">
</head>

<body>

<span>开始日期：</span>
<input type="text" id="inpstart" onclick="jeDate(start);">
<span>结束日期：</span>
<input type="text" id="inpend" onclick="jeDate(end);">

<span>开始日期2：</span>
<input type="text" id="inpstart2" onclick="jeDate(start2);">
<span>结束日期2：</span>
<input type="text" id="inpend2" onclick="jeDate(end2);">


<hr/>

<span>普通方式：</span><input type="text"  onclick="testShow(this);">
<span>普通方式2：</span><input type="text"  onclick="testShow(this);">


<script>

//开始结束日期调用方式
function extend(){
	this.format = "YYYY-MM-DD";//日期格式
	this.minDate = jeDate.now(0);//最小日期
	this.isinitVal = true;//是否初始化时间，默认不初始化时间
	this.festival = true;//是否显示节日
	this.ishmsVal = false;//是否限制时分秒输入框输入，默认可以直接输入时间
	this.maxDate = '2099-06-30 23:59:59',//最大日期
	this.isTime = true;//是否开启时间选择
	this.dateCell = null;//目标元素
	this.choosefun = null;//选中日期后的回调函数
	}
var start = new extend();
    start.dateCell =  '#inpstart',
    start.choosefun = function(elem,datas){
        end.minDate = datas; 
    }
var end = new extend();
    end.dateCell =  '#inpend',
    end.choosefun = function(elem,datas){
        start.maxDate = datas; 
    }
var start2 = new extend();
    start2.dateCell =  '#inpstart2',
    start2.choosefun = function(elem,datas){
        end2.minDate = datas;
    }
var end2 = new extend();
    end2.dateCell =  '#inpend2',
    end2.choosefun = function(elem,datas){
        start2.maxDate = datas; 
    }		


//普通方式调用
function testShow(elem){
    jeDate({
        dateCell: elem,
        isClick:false,
        format: 'YYYY年MM月DD日 hh:mm',
        minDate: '2014-06-16 23:59:59', //设定最小日期为当前日期
        festival: true,
        maxDate: '2099-06-16 23:59:59' //最大日期
    });
}



</script>

</body>
</html>
